{extends file="assets::smarty-templates::Master"|ToPath}
{block name="content"}
<form action="{$action}" method="post" class="form-validate">    
    <h1>Solicitud de Creaci&oacute;n de Curso en Plataforma (LMS)</h1>
    <fieldset>
        <label>Datos del Solicitante</label>
        <dl>
            <label>Programa</label>
            <div>
                <select name="solicitud[idPrograma]">
                    {foreach $programas as $programa}
                        <option value="{$programa->getCodigoPlan()}">
                            {$programa->getNombrePlan()}
                        </option>
                    {/foreach}
                </select>
            </div>
        </dl>
        <dl>
            <label>Docente</label>
            <div>
                <input type="text" name="solicitud[docente]" class="medium required" />
            </div>
        </dl>
        <dl>
            <label>Correo Institucional</label>
            <div>
                <input type="text" name="solicitud[email]" class="medium required email" />
            </div>
        </dl>
    </fieldset>
    <fieldset>
        <label>Datos del Curso</label>
        <dl>
            <label>Nombre</label>
            <div>
                <input type="text" name="solicitud[nombreCurso]" class="required" />
            </div>
        </dl>
        <dl>
            <label>C&oacute;digo</label>
            <div>
                <input type="text" name="solicitud[codigoCurso]" class="small required" />
            </div>
        </dl>
        <dl>
            <label>Descripci&oacute;n</label>
            <div>
                <textarea name="solicitud[resumenCurso]" class="required" ></textarea>
            </div>
        </dl>
    </fieldset>
    <div style="float: right;">
        <button type="submit" class="save small icon i_mail">Enviar</button>
    </div>
</form>
<script type="text/javascript">
    {literal}
        require(["jquery"], function(jQuery){
            jQuery(document).ready(function($){
                $('.email').blur(function() {
                    var value = $(this).val();
                    var result = value.match(/usbctg.edu.co$/)
                    if (!$(this).hasClass('error') && result == null)
                    {
                        $(this).addClass('error');
                        if($(parent + ' .custom').length == 0){
                            $(this).parent().append($('<label>').attr('class', 'error custom').text(' Debe incluir el correo institucional'))
                        }
                    } else {
                        $(this).parent().find('.custom').remove();
                    }
                });
                $('.save').click(function(e){
                    if($('.custom').length > 0) {
                        e.preventDefault();
                    }
                });
            });
        });
    {/literal}
</script>
{/block}